<template>
  <view class="content">
    <view class="app-title ac">
      <view class="fl" @click="back"
        ><image class="back" src="/static/img/back.png"></image></view
      >施工申请详情
    </view>

    <view class="top-bg"></view>

    <view class="detail">
      <view class="item"
        >申请类别<view class="fr"
          ><b>{{ detail.applicationType }}</b></view
        ></view
      >
      <view class="item"
        >作业类别<view class="fr"
          ><b>{{ detail.workType }}</b></view
        ></view
      >
      <view class="item"
        >申请部门<view class="fr"
          ><b>{{ detail.applicationOrgName }}</b></view
        ></view
      >
      <view class="item"
        >申报人<view class="fr"
          ><b>{{ detail.applicationPersonName }}</b></view
        ></view
      >
      <view class="item"
        >线路<view class="fr"
          ><b>{{ detail.lineName }}</b></view
        ></view
      >
      <view class="item"
        >主站<view class="fr"
          ><b>{{ detail.stationName }}</b></view
        ></view
      >
      <view class="item"
        >施工部门<view class="fr"
          ><b>{{ detail.constructOrgName }}</b></view
        ></view
      >
      <view class="item"
        >施工负责人<view class="fr"
          ><b>{{ detail.constructLeaderName }}</b></view
        ></view
      >
      <view class="item"
        >施工名称<view class="fr"
          ><b>{{ detail.constructName }}</b></view
        ></view
      >
      <view class="item"
        >施工人数<view class="fr"
          ><b>{{ detail.personNumber }}</b></view
        ></view
      >
      <view class="item"
        >开始时间<view class="fr"
          ><b>{{ detail.startTime }}</b></view
        ></view
      >
      <view class="item"
        >结束时间<view class="fr"
          ><b>{{ detail.endTime }}</b></view
        ></view
      >
      <view class="item"
        >施工计划号<view class="fr"
          ><b>{{ detail.constructPlanSn }}</b></view
        ></view
      >
      <view class="item"
        >施工内容<view class="fr"
          ><b>{{ detail.constructContent }}</b></view
        ></view
      >
      <view class="item"
        >牵引动力<view class="fr"
          ><b>{{ detail.tractionPower }}</b></view
        ></view
      >
      <view class="item"
        >安全措施<view class="fr"
          ><b>{{ detail.safeMeasures }}</b></view
        ></view
      >
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      detail: {},

      show_work: false,
    };
  },
  onLoad(options) {
    this.detail = JSON.parse(options.id);
    // console.log(this.detail);
    // this.id = options.id;
  },
  created() {
    // this.initDetail();
  },
  methods: {
    back() {
      uni.navigateBack();
    },

    // initDetail() {
    //   this.fetch(
    //     "GET",
    //     this.baseUrl() + "/api/pms/work/getPmsWoinforAll",
    //     { woSn: this.id },
    //     true
    //   ).then((res) => {
    //     if (res.success) this.detail = res.data.PmsWoinfor;
    //     this.detailContent = res.data.PmsWoDetailed;
    //     this.detailTools = res.data.PmsWoTools;
    //   });
    // },
  },
};
</script>

<style scoped>
.tables {
  overflow: auto;
  max-height: 140px;
}
.u-td {
  border: none !important;
}
.u-tr {
  border-bottom: 1px solid rgb(228, 231, 237);
}
.detail {
  height: auto;
  min-height: 86vh;
}
.detail > .item {
  line-height: 51px;
  border-bottom: 1px solid #f1f1f1;
  padding-right: 16px;
}
.btn {
  position: absolute;
  width: 100%;
  bottom: 3%;
  left: 0;
}
.default-btn {
  width: 95%;
  display: block;
  margin: 0 auto;
}
.work-detail-title {
  margin-top: 20px;
  margin-bottom: 10px;
}
.detail > .photo {
  overflow-x: auto;
  width: 100%;
  height: 100px;
  white-space: nowrap;
}
.detail > .photo > .img-item {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 6px;
  display: inline-block;
}

.van-cell__value {
  text-align: right;
}
.van-cell {
  line-height: 32px;
}
</style>
